﻿
$(function () {

    //ToolDiv 工具边栏交互
    $('.tooldiv').toggle(function (even) {
        $('.tooldivtxt').text('-');
        $('.goup').animate({ top: '-120px' }, 200);
        $('.share').animate({ top: '-60px' }, 200);
        $('.gocomment').animate({ top: '60px' }, 200);
        $('.godown').animate({ top: '120px' }, 200);
    }, function (even) {
        $('.tooldivtxt').text('+');
        $('.goup').animate({ top: '0px' }, 200);
        $('.share').animate({ top: '0px' }, 200);
        $('.gocomment').animate({ top: '0px' }, 200);
        $('.godown').animate({ top: '0px' }, 200);
    });
    $('.share').hover(function () {
        $('.sharetxt').stop(true).removeClass('none').animate({ 'left': '-250px', 'width': '250px' }, 200);
        $('#bdshare').stop(true).animate({ 'opacity': '1' }, 400);
    }, function () {
        $('#bdshare').stop(true).animate({ 'opacity': '0' }, 100);
        $('.sharetxt').stop(true).animate({ 'left': '0px', 'width': '0px' }, 200);
    });
    $('.gocomment').hover(function () {
        $('.gocommenttxt').stop(true).removeClass('none').animate({ 'left': '-100px', 'width': '100px' }, 200);
    }, function () {
        $('.gocommenttxt').stop(true).animate({ 'left': '0px', 'width': '0px' }, 200, function () { $(this).addClass('none'); });
    });
    $('.goup').click(function (even) {
        $("html,body").animate({ scrollTop: "-=2000px" }, 200);
        even.stopPropagation();
    });
    $('.godown').click(function (even) {
        $("html,body").animate({ scrollTop: "+=2000px" }, 200);
        even.stopPropagation();
    });
    $('.gocomment').click(function (even) {
        $.scrollTo("#respond", 400);
        even.stopPropagation();
    });

    //边栏跟随模块功能
    //	var sfpos = $('.sidebar-fo').offset().top -30;
    //	var sfend = $('.footer').offset().top - $('.sidebar-fo').height() -10;

    //	if( $('.entry-content').height() > $('.sidebar').height() ){
    //		$(window).scroll(function(){
    //			var sfwidth = $('.sidebar').width();
    //			var sfctop = $('.sidebar-fo').offset().top;
    //			if( $(window).scrollTop() < sfpos ){
    //				$('.sidebar-fo').removeAttr('style');
    //			}else if( $(window).scrollTop() >= sfpos && $(window).scrollTop() < sfend - 30){
    //				$('.sidebar-fo').css({'position':'fixed','top':'30px','width':sfwidth});
    //			}else if( $(window).scrollTop() >= sfend - 30 ){
    //				$('.sidebar-fo').css({'position':'absolute','top':sfend -10,'width':sfwidth});
    //			}
    //		});
    //	}

    //修正 img 下面的 a
    $('.entry-content a').has('img').css({ 'border-bottom': 'none' });

    //文中 img 交互性
    $('.entry-content img').click(function () {

    });

    $("#submit").click(function () {
        var txt = $(".s").val();
        if (txt != '搜一下又不会怀孕...' && txt != '') {
            window.location.href = 'http://localhost:12046/search/' + txt + '.html';
        }
    });

    $(".s").keydown(function (e) {
        var curKey = e.which;
        if (curKey == 13) {
            $("#submit").click();
            return false;
        }
    });



//    $(".s").keydown(function () {
//        event.keyCode == 13 && $("input[@type='submit']")[0].click();
    //    });

    // //代码 pre 的交互和功能
    // $('.entry-content pre,.pretip').hover(function(){
    // 	var pretip = '<p class="pretip"><span class="codewrap">代码换行</span><span class="codenowrap">代码不换行</span></p>';
    // 	$(this).before(pretip);
    // 	$('.pretip').css({'top':$(this).offset().top});
    // },function(){
    // 	$('.pretip').remove();
    // });
    // $('pre').on('click','.codewrap',function(){
    // 	$(this).parent('pre').css("white-space","pre");
    // 	console.log('hh');
    // });
    // $('pre').on('click','.codenowrap',function(){
    // 	$(this).parent('pre').css("white-space","pre-wrap");
    // });

    //首页摘要标题的背景交互
    $('.entry').hover(function () {
        $('.entry-header-bg', this).stop(true).animate({ 'width': '100%' }, 200);
        $('.entry-title a', this).css({ 'color': '#fff' });
        $('.gotolook', this).stop(true).animate({ 'opacity': 1 }, 200);
    }, function () {
        $('.entry-header-bg', this).stop(true).animate({ 'width': '0%' }, 200);
        $('.entry-title a', this).removeAttr('style');
        $('.gotolook', this).stop(true).animate({ 'opacity': 0 }, 200);
        $('.gotolook', this).removeAttr('style');
    });

});